<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="/stylesheets/main.css" />
		<link rel="stylesheet" href="/stylesheets/root.css" />
		<link rel="stylesheet" type="text/css" href="../stylesheets_copy/q/signln/iconfont.css">
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<title>注册界面</title>
		<style type="text/css">
			.top {
				height: 10vh;
				position: relative;
				box-sizing: border-box;
				width: 90vw;
				margin-top: 2vh;
			/* 	border: black solid 2vw; */
			}
			/*返回箭头*/
			.iconfont {
				font-family: "iconfont" !important;
				font-size: 4vh;
				font-style: normal;
				-webkit-font-smoothing: antialiased;
				-moz-osx-font-smoothing: grayscale;
			}
			.box01{
				width: 93vw;
				height: 25vh;
				box-sizing: border-box; 
				/* border: black solid 2vw; */
				
			}
			.picture{
				width: 50vw;
				height: 50vw;
				left: 23vw;
				position: absolute;
				background-image:url("../images/q/register/register.png");
				background-size: cover;
				background-position: center; 
				background-repeat: no-repeat;
			}
			.userName,
			.userPswd {
				display: block;
				margin-top: 7vw;
				margin-left: 10vw;
				width: 70vw;
				height: 10vw;
				border: black solid 2px;
				border-radius: 10px;
				font-size: 2vh;
			}
			.submit-box {
			    position: relative;
				top: 4vh;
			}
			
			.form-submit {
			    display: block;
			    position: absolute;
			    left: 50%;
			    transform: translateX(-50%);
			    width: 35vw;
			    height: 10vw;
			    background-color: black;
			    border: 0;
			    color: #fff;
				border-radius: 1vh;
				font-size: 2vh;
				
			}
			/* 底部的选项 */
			 .chooic-box{
				 width: 85vw;
				 height: 10vh;
				 margin-top:12vh;
				 margin-left: 10vw;
			 }
			.chooic{
				width: 5vw;
				height: 2.5vh;
				position: absolute;
				bottom: 17vh;
				left: 3.5vw;
				border: grey solid 1vw;
			}
			a{
				text-decoration: none;
			}
		</style>
	</head>

	<body>
		<div class="top">
			<div class="iconfont return">&#xe62f;</div>
		</div>
		
		<div class="box01">
			<div class="picture"></div>
		</div>
		<div style="font-size: 4vh;display: flex;justify-content: center;">欢迎注册</div>
		<form id="form_input" action="/login.html" method="get" >
			<input class="userName" type="text" name="userName" placeholder=" 请输入邮箱账号">
			<input class="userPswd" id="userPswd1" name="userPswd" placeholder=" 请输入密码">
			<input class="userPswd" id="userPswd2" type="password" name="userPswd" placeholder=" 请再次输入密码">
			<div class="submit-box">
			    <input class="form-submit" type="submit" value="登 录">
			</div>
			<div class="chooic-box">
			<span class="chooic"></span>
			   <div style="font-size:2vh;color: gray;">
				注册即代表您同意<a href="#">《我的协议》</a>和<a href="#">《隐私保护指引》</a>
				以及<a href="#">《中国移动认证服务条数》</a>
			  </div>
			</div>
	</body>
</html>